<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购买成功</title>
		 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, maximum-scale=1, user-scalable=no">			
		<link rel="stylesheet" href="../css/wzl-bootstrap.css" />
		<style>						
			#buySuccess-section li:first-child img{width:43vw;}	
			#buySuccess-section li .buySuccessInfo-right{font-size:10px}
			#buySuccess-section li .buySuccessInfo-right p{height:40px;line-height: 40px;	margin-bottom:0;}
			#buySuccess-section li .buySuccessInfo-right p span:first-child{font-size:14px;}
			#buySuccess-section li .buySuccessInfo-right p span:last-child{text-align:right;}
			#buySuccess-section li .buySuccessInfo-right .detail{color:#007AFF;font-family:'MicrosoftYaHei', 'Microsoft YaHei';font-size:14px;}
			body{width:100%;	margin:0;padding:0;background-color: #E5E5E5;position: relative;}				
			.container-fluid,.col-xs-7,.col-xs-6,.col-xs-3,.col-xs-12,.col-xs-5,.col-xs-4{padding:0;}
			#buySuccess-section ul{list-style: none; margin:0;padding:0;padding-bottom:5px;margin-top:10px;padding-top:2px;border-bottom:2px solid #E5E5E5;background-color: #fff;}	
			#buySuccess-section li .buySuccessInfo-right{padding-left:6vw;}	
			#buySuccess-section li .buySuccessInfo-right .recommend{margin-bottom:4vw;display:inline-block; font-size:12px;color:#6B6B6B}
			.exchange{background-color: rgba(255, 0, 0, 1);box-sizing: border-box;border-width: 1px;border-style: solid;border-color: rgba(255, 102, 0, 1); border-radius: 5px;font-size:14px; color: #FFFFFF; height:40px;line-height: 40px;text-align:center;margin-top:20px}	   	
		    .directory{height:200px;background-color: #fff;text-align: center;margin-top:10px;padding-top:6px;}
		    .getPoints{background-color: #fff;height:60px;line-height:60px;color:#179A16;text-align: center;font-size:20px;margin-top:5px;}
		    a{text-decoration: none;}
		</style>
	</head>
	
	<body>
		<div id="goods-nav">
			<nav class="wzl-navbar navbar-default" role="navigation" >
		        <div class="container-fluid">
		            <div class="navbar-header">
		                <div class="wzl-nav-bar" onclick="history.back(-1)">
		                    <span class="glyphicon glyphicon-wzl-back" ></span>购买成功
		                </div>
		            </div>
		        </div>
		    </nav>
		</div>
		<div id="buySuccess-section">
			<ul class="container-fluid">
				<li class="row">
					<div class="buySuccessInfo-left col-xs-5"><img src="../imgs/goods/u669.jpg" alt="" /></div>
					<div class="buySuccessInfo-right col-xs-7">
						<p><span class='menpiao'>南浔古镇门票</span> <span class="mount">1张</span></p>
						<span class="recommend">门票介绍</span><br>
						<a href="" class="detail"><span class="detail">入园指南>></span></a>						
					</div>
				</li>				
			</ul>			
		</div>			
		<div class="getPoints">恭喜您获得了<span class="points">0</span>元免费足彩</div>
		<a href="http://test.fenful.com/fenful/h5/wzlh5/indexH.html"><div class="col-xs-10 col-xs-offset-1 exchange">免费领取</div></a>
		<script src="../js/jquery-1.8.0.min.js"></script>	
		<script>
			$('.points').text(localStorage.getItem("points"))	
			$(".menpiao").text(localStorage.getItem("menPiaoName"))
			$(".mount").text(localStorage.getItem("mount")+"张")
			var menPiaoName=localStorage.getItem("menPiaoName");			
			 if(menPiaoName=="南浔古镇门票"){
				$('.detail').attr("href","guzhen.html");				
			}else if(menPiaoName=="下渚湖景区成人票"){				
				$('.detail').attr("href","xiazhuhu.html");
			}else{
				$('.detail').attr("href","tianchi.html");
			}
		</script>
	</body>
</html>
